* {
  padding: 0;
  margin: 0;
  box-sizing: border-box; }

body {
  background: #f5f5f5; }

header {
  width: 100%;
  background: #ffab24;
  text-align: center; }
  header img {
    width: 4.1rem;
    height: 4.1rem;
    margin-top: 50px; }
  header .hea {
    width: 100%;
    color: white;
    font-size: 16px;
    display: flex;
    justify-content: center;
    padding: 20px 0 50px; }
    header .hea p:last-child {
      background: #ffc700;
      padding: 0 10px;
      margin-left: 10px; }

.content {
  width: 100%;
  background: white;
  display: flex; }
  .content .content-left {
    width: 45%;
    padding-left: 20px; }
    .content .content-left p:first-child {
      color: gainsboro;
      margin: 20px 0 10px; }
    .content .content-left p:last-child span {
      font-size: 1.5rem;
      color: #fa5b09;
      font-weight: bold; }
  .content .content-right {
    width: 55%; }
    .content .content-right p {
      color: gainsboro;
      margin: 20px 0 10px; }
    .content .content-right img {
      width: 8.175rem;
      height: 2.175rem; }

.box {
  width: 100%;
  margin-top: 25px; }
  .box ul li {
    height: 1.875rem;
    line-height: 1.875rem;
    background: white;
    display: flex;
    justify-content: space-between;
    padding: 0 10px;
    font-size: 13px; }
    .box ul li .img1 {
      width: 1.025rem;
      padding: 5px 0; }
    .box ul li .box1 {
      width: 85%;
      height: 1.875rem;
      border-bottom: solid 1px gainsboro;
      display: flex;
      justify-content: space-between; }
      .box ul li .box1 p:nth-child(2) {
        color: #F93E11;
        margin-left: 70px; }
      .box ul li .box1 p:last-child img {
        width: 0.525rem;
        height: 1rem;
        margin: 10px 0; }
  .box ul .li {
    margin-top: 20px; }
